@import "./config.scss";

@import "../../../hami/src/style/reset.scss";
@import "../../../hami/src/style/style.scss";
// @import "../../../hami/src/style/mobile.scss";

// @import '../../../hami/src/components/button.scss';
// @import '../../../hami/src/components/tab.scss';

// @import '../../../hami/src/components/indicator.scss';

//@import "../icon/icon.scss";

html {background-color:#fff;}
body {
    min-width:1024px;
	background-color: transparent;
}
.gw-center {
    width:1024px; margin:0 auto;
}
section {
    padding-top:1.6rem; padding-bottom:3rem;
    .dir {
        width:9rem; margin-right:2rem;
        li {background-color:#f7f7f7; padding:.6rem 1rem; text-align:center; border-right:3px solid $color-n; cursor:pointer;}
        li:hover {background-color:#f7f7f7;}
        li.active {border-color:$color-theme; color:$color-theme;}
    }
    .content {}
}

.lt-table{
    .header, .body {
        width:100%;
        p {padding:.5rem .4rem; line-height:1.2rem;}
    }
    .header {
        background-color:#f1f1f1; color:#999; line-height:2rem; font-size:.6rem;
       p {padding:.3rem .4rem;}
    }
    .body {
        line-height:2.4rem; font-size:.6rem;
        &:hover {
            cursor:pointer; background-color:#fafafa;
        }
    }
}

.sm-pgination {
    margin:.8rem 0; font-size:.6rem;
    ul{
        overflow:hidden; display:inline-block;
        li {float:left; padding:.4rem .55rem; border:1px solid #E5E9F2; border-radius:.2rem; cursor:pointer; margin:0 .1rem;} 
        li:hover {border-color:$color-theme;}
        li.active {background:$color-theme; border-color:$color-theme; color:#fff;}
    }
    input {width:2.2rem; border:1px solid #E5E9F2; border-radius:.2rem; padding:.5rem .4rem;}
    span {color:#8492A6; margin:0 .25rem;}
}

.el-tag{
	font-size:.6rem;
}

.el-tag--gray {
    background-color: #e4e8f1;
    border-color: #e4e8f1;
    color: #48576a;
}
.el-tag--primary {
    background-color:#1d8ce0;
    color: #fff;
}
.el-tag--success {
    background-color:#0eb95a;
    color: #fff;
}
.el-tag--warning {
    background-color:#ffb300;
    color: #fff;
}
.el-tag--danger {
    background-color:#FF4949;
    color: #fff;
}

.lt-color-g {color:#999;}
.lt-color-p {color::#FF4949}